<template>
	<view>
		<image src="https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%871.png" mode="heightFix" @click="onVideo()"></image>
		<view class="box" v-show="id==2">
			
			<view class="service">
				<view>产品上架</view>
				<u-grid col="4" :border="false">
					<u-grid-item v-for="service in serviceList1">
						<image :src="service.imgUrl" class="image"></image>
						<text style="font-size: 10px;">{{service.title}}</text>
					</u-grid-item>
				</u-grid>
			</view>
			<view class="service">
				<view>订单管理</view>
				<u-grid col="4" :border="false">
					<u-grid-item v-for="service in serviceList2">
						<image :src="service.imgUrl" class="image"></image>
						<text style="font-size: 10px;">{{service.title}}</text>
					</u-grid-item>
				</u-grid>
			</view>
			<view class="service">
				<view>库存管理</view>
				<u-grid col="4" :border="false">
					<u-grid-item v-for="service in serviceList3">
						<image :src="service.imgUrl" class="image"></image>
						<text style="font-size: 10px;">{{service.title}}</text>
					</u-grid-item>
				</u-grid>
			</view>
			<view class="service">
				<view>产品结算</view>
				<u-grid col="4" :border="false">
					<u-grid-item v-for="service in serviceList4">
						<image :src="service.imgUrl" class="image"></image>
						<text style="font-size: 10px;">{{service.title}}</text>
					</u-grid-item>
				</u-grid>
			</view>
		</view>
		
		<view class="box" v-show="id==1">
			<!-- <view class="">
				<image src="https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/%E5%9B%BE%E7%89%871.png" mode="heightFix" @click="onVideo()"></image>
				
				<view class="a">
					<view class="f"  v-for="l in list" style="margin: 20rpx 20rpx 30rpx 20rpx;
					border-radius: 2rpx;" >
					<view class="" style="background-color: #fff;" @click="onDetails(l.id)">
						<view class="b">
							<view class="c">
								{{l.xiangmu}}
							</view>
							<view class="d">
								{{l.zijing}}
							</view>
						</view>
						<view class="g">
							<view class="">
								{{l.name}}
							</view>
							<view class="">
								采购方式:{{l.caigoufangshi}}
							</view>
						</view>
						<view class="g">
							<view class="">
								地址：{{l.dizhi}}
							</view>
							<view class="" style="display: flex;">
								<view style="font-weight: 700;">{{l.miximixi}}</view>
								<u-image :src="l.icon" shape="circle" height="50" width="50"></u-image>
							</view>
						</view>
						
					</view>
						<hr>
					</view>
					
				</view>
			</view> -->
			
			<u-notice-bar :text="text1" mode="closable" style="margin: 20rpx 0;"></u-notice-bar>
			<view class="ziyuan">
				<view class="qiye">
					<u-cell-group>
						<u-cell title="企业资源" :isLink="true" arrow-direction="down" @click="show1 = !show1"></u-cell>
					</u-cell-group>
					<view class="List" v-for="q in qiye" v-show="show1===true" >
						<view class="a">
							<view class="f"  style="margin: 20rpx 20rpx 30rpx 20rpx;
							border-radius: 2rpx;" >
							<view class="" style="background-color: #fff;" @click="onDetails(q.id)">
								<view class="b">
									<view class="c">
										{{q.xiangmu}}
									</view>
									<view class="d">
										{{q.zijing}}
									</view>
								</view>
								<view class="g">
									<view class="">
										{{q.name}}
									</view>
									<view class="">
										采购方式:{{q.caigoufangshi}}
									</view>
								</view>
								<view class="g">
									<view class="">
										地址：{{q.dizhi}}
									</view>
									<view class="" style="display: flex;">
										<view style="font-weight: 700;">{{q.miximixi}}</view>
										<u-image :src="q.icon" shape="circle" height="50" width="50"></u-image>
									</view>
								</view>
								
							</view>
								<hr>
							</view>
							
						</view>
						<br>
					</view>
				</view>
				
				<view class="zhengfu">
					<u-cell-group>
						<u-cell title="政府资源" :isLink="true" arrow-direction="down" ></u-cell>
					</u-cell-group>
				</view>
				
				<view class="zhengfu">
					<u-cell-group>
						<u-cell title="行业资源" :isLink="true" arrow-direction="down" ></u-cell>
					</u-cell-group>
				</view>
				
				<view class="zhengfu">
					<u-cell-group>
						<u-cell title="市县区大资源" :isLink="true" arrow-direction="down" ></u-cell>
					</u-cell-group>
				</view>
				
				<view class="zhengfu">
					<u-cell-group>
						<u-cell title="广东开放大学(广东理工职业学院)" :isLink="true" arrow-direction="down" ></u-cell>
					</u-cell-group>
				</view>
				
			</view>
			
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				show1:false,
				text1:"百千万工程：政府资源、行业资源、企业资源、市县区大资源、广东开放大学（广东理工职业学院）",
				id:1,
				serviceList1:[{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/xuanzechanpinshangjia.png",
					title:"产品上架"
				},
				{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/zhengshu.png",
					title:"证书"
				}
				],
				serviceList2:[{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/dingdan.png",
					title:"订单"
				},
				{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/shangpuguanli.png",
					title:"商铺管理"
				},
				{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/shangcheng.png",
					title:"商城"
				}
				],
				serviceList3:[{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/cangchucangku.png",
					title:"仓储仓库"
				},
				{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/jinyongcangku.png",
					title:"禁用仓库"
				}
				],
				serviceList4:[{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/daijiesuan.png",
					title:"待结算"
				},
				{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/jiesuanzhong.png",
					title:"结算中"
				},
				{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/renminbi.png",
					title:"人民币"
				},
				{
					imgUrl:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/image/service/jiesuantongji.png",
					title:"结算统计"
				}
				],
				qiye:[
					{	id:1,
						name:"广州市荔湾中心医院",
						xiangmu:"广州市荔湾中心医院食堂承包项目",
						caigoufangshi:"公开招标",
						dizhi:"广州市荔湾区荔湾路35号",
						lianxifangshi:"020-81346936",
						icon:"https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/common/suolonguser.jpg",
						zijing:"5-7K",
						miximixi:"温先生"
					},
					{	id:2,
						name:"广州市天河区第一实验小学",
						xiangmu:"广州市天河区第一实验小学食材采购配送项目",
						caigoufangshi:"公开招标",
						dizhi:"广州市天河区海业路80号",
						lianxifangshi:"020-38200393",
						icon:"https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/common/liangchaowei.jpg",
						zijing:"7-12K",
						miximixi:"李先生"
					}
				]
			}
		},
		methods: {
			onVideo(){
				uni.navigateTo({
					url:"/pages/index/video/video"
				})
			},
			onDetails(e){
				uni.navigateTo({
					url:"/pages/index/supplyChain/details/details?id="+e
				})
			},
			onVideo(){
				uni.navigateTo({
					url:"/pages/index/video/video"
				})
			}
		},
		onLoad(e) {
			console.log(e.id)
			this.id=e.id
		}
	}
</script>

<style>
	.box{
		background-color: #f7f7f7;
	}
	.service{
		font-size: 40rpx;
		margin: 40rpx 0;
		padding: 20rpx;
		font-weight: bold;
		background-color: #fff;
	}
	.image{
		height: 40px;
		width: 40px;
	}
	.a{
		background-color: #f7f7f7;
	}
	.b{
		
		display: flex;
		justify-content: space-between;
	}
	.c{
		font-size: 30rpx;
		font-weight: 700;
	}
	.d{
		color: red;
		font-size: 35rpx;
	}
	.g{
		display: flex;
		justify-content: space-between;
		font-size: 25rpx;
		margin: 15rpx 0;
	}
</style>
